.water {
    position: relative;
    padding: 0 0.6rem;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    .item-contant {
        display: flex;
        align-items: center;
        width: 100%;
        height: 2rem;
        border-bottom: 0.02rem solid rgba(230, 232, 237, 1);
        .left {
            flex: 1;
            .title {
                font-size: 0.36rem;
                font-weight: bold;
            }
            .time {
                margin-top: 0.2rem;
                color: rgba(119, 119, 119, 1);
                font-size: 0.32rem;
            }
        }
        .right {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: rgba(75, 228, 203, 1);
            font-size: 0.4rem;
            font-weight: bold;
            .type {
                padding: 0.05rem 0.2rem;
                margin-bottom: 0.1rem;
                font-size: 0.28rem;
                color: #fff;
                background-color: rgba(132, 144, 155, 0.5);
                border-radius: 0.2rem;
            }
            .type1{
                padding: 0.05rem 0.2rem;
                margin-bottom: 0.1rem;
                font-size: 0.28rem;
                color: #fff;
                background-color: rgba(75, 228, 203, 1);
                border-radius: 0.2rem;
            }
        }
    }
    .nothing-box {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        height: 100%;
        img {
            width: 2.772rem;
            height: 3.248rem;
        }
        .text {
            margin: 1rem 0rem;
            font-size: 0.4rem;
            font-weight: bold;
            color: rgba(75, 92, 107, 1);
        }
    }
}